$startColor: #CCCCCC;
$endColor: #333333;

.layout {
    width: 400px;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor));
    background: -moz-linear-gradient(top, $startColor, $endColor);
    background: -o-linear-gradient(top, $startColor, $endColor);
    background: linear-gradient(top, $startColor, $endColor);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    padding-top: 20px;
    cursor: pointer;

    &:hover {
        box-shadow: 5px 5px 10px #ccc;
    }

    .infoShow {
        display: flex;
        justify-content: start;

        .avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            position: relative;
            margin-right: 20px;
        }

        .realName {
            color: #fff;
        }
    }

    .icon {
        color: #fff;
        font-size: 20px;
        margin-top: 15px;
    }
}